<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_layout/top :: top"></head>
<body>
<div id="page-wrapper">
    <header th:replace="_layout/header :: header"></header>
        <!-- Breadcrumb Start -->
        <div class="page-banner-image w-100 breadcrumb-bar" style="background-image: url(static/assets/images/background/1.png); background-repeat: no-repeat;">
            <div class="container">
                <div class="row py-5">
                    <div class="col-sm-6">
                        <h3 class="text-white">招聘</h3>
                    </div>
                    <div class="col-sm-6">
                        <nav aria-label="breadcrumb" class="float-right">
                            <ol class="breadcrumb mb-0 bg-transparent p-0 mt-2 mt-lg-1">
                                <li class="breadcrumb-item"><a href="#">首页</a></li>
                                <li class="breadcrumb-item"><a href="#">页面</a></li>
                                <li class="breadcrumb-item active" aria-current="page">招聘</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    <!-- Breadcrumb End -->


    <div class="full-row bg-light py-5">
        <div class="container">
            <div class="row justify-content-end">
                <div class="col-lg-8 col-md-8">
                    <span class="font-italic h5">你觉得你够好吗？你喜欢我们的项目，想成为我们团队的一员吗？如果你能胜任，就申请合适的职位吧！</span>
                </div>
            </div>
        </div>
    </div>


    <div class="full-row">
        <div class="container">
            <div class="row mb-5">
                <div class="col-lg-3 col-md-3">
                    <div class="border-right">
                        <h5 class="text-primary mb-1">安全系统专家</h5>
                        <span>澳大利亚，墨尔本</span>
                    </div>
                </div>
                <div class="col-lg-8 col-md-8 offset-md-1">
                    <h5 class="mb-2">使命 :</h5>
                    <p>Bibendum proin conubia vulputate diam mi hac mus adipiscing ut euismod diam condimentum volutpat feugiat diam blandit inceptos. Facilisis pharetra.</p>
                    <h5 class="mb-2">资格 :</h5>
                    <ul class="mb-4">
                        <li>Amet ridiculus sit ullamcorper nibh pede ut cras.</li>
                        <li>Molestie rhoncus consequat erat ultrices nullam.</li>
                        <li>Adipiscing rhoncus non fermentum elementum turpis.</li>
                        <li>Dictumst, arcu pellentesque.</li>
                    </ul>
                    <div class="row">
                        <div class="col-lg-6 col-md-6">
                            <h5 class="mb-2">工作类型 :</h5>
                            <p>全职职位</p>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <h5 class="mb-2">工资范围 :</h5>
                            <p>$4K - $5K (从开始)</p>
                        </div>
                    </div>
                    <a href="#" class="btn btn-primary mt-3">下载详细信息</a>
                    <a href="#" class="btn btn-white mt-3">提交申请</a>
                </div>
            </div>
            <div class="row mb-5">
                <div class="col-lg-3 col-md-3">
                    <div class="border-right">
                        <h5 class="text-primary mb-1">数据库专家</h5>
                        <span>澳大利亚，墨尔本</span>
                    </div>
                </div>
                <div class="col-lg-8 col-md-8 offset-md-1">
                    <h5 class="mb-2">使命 :</h5>
                    <p>Bibendum proin conubia vulputate diam mi hac mus adipiscing ut euismod diam condimentum volutpat feugiat diam blandit inceptos. Facilisis pharetra.</p>
                    <h5 class="mb-2">资格 :</h5>
                    <ul class="mb-4">
                        <li>Amet ridiculus sit ullamcorper nibh pede ut cras.</li>
                        <li>Molestie rhoncus consequat erat ultrices nullam.</li>
                        <li>Adipiscing rhoncus non fermentum elementum turpis.</li>
                        <li>Dictumst, arcu pellentesque.</li>
                    </ul>
                    <div class="row">
                        <div class="col-lg-6 col-md-6">
                            <h5 class="mb-2">工作类型 :</h5>
                            <p>Full - Time Posiotion</p>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <h5 class="mb-2">工资范围 :</h5>
                            <p>$4K - $5K (从开始)</p>
                        </div>
                    </div>
                    <a href="#" class="btn btn-primary mt-3">下载详细信息</a>
                    <a href="#" class="btn btn-white mt-3">提交申请</a>
                </div>
            </div>
        </div>
    </div>


    <div class="full-row bg-light">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <span class="title-tag h6 text-primary text-center d-table mx-auto">在入职之前</span>
                    <h3 class="down-line text-center w-50 mx-auto mb-4 w-sm-100">重要事实</h3>
                    <span class="mb-5 sub-title ordenery-font text-center w-50 mx-auto w-sm-100">Aliquam nostra condimentum blandit diam libero habitant odio, aliquam a nam faucibus rhoncus malesuada porta vitae.</span>
                </div>
            </div>
            <div class="row row-cols-md-2 row-cols-1">
                <div class="col mb-4">
                    <div class="datalist-icon-left d-flex">
                        <span class="float-left d-table"><i class="fas fa-house-damage fa-3x text-primary"></i></span>
                        <div class="pl-3">
                            <h5 class="mb-3">正直公正</h5>
                            <p>Tortor hac sed lobortis elit potenti lacus facilisis. Ac dictumst tristique. Curae; consectetuer facilisis curabitur mauris morbi etiam potenti Amet.</p>
                        </div>
                    </div>
                </div>
                <div class="col mb-4">
                    <div class="datalist-icon-left d-flex">
                        <span class="float-left d-table"><i class="fas fa-house-damage fa-3x text-primary"></i></span>
                        <div class="pl-3">
                            <h5 class="mb-3">赔偿和保证人</h5>
                            <p>Tortor hac sed lobortis elit potenti lacus facilisis. Ac dictumst tristique. Curae; consectetuer facilisis curabitur mauris morbi etiam potenti Amet.</p>
                        </div>
                    </div>
                </div>
                <div class="col mb-4">
                    <div class="datalist-icon-left d-flex">
                        <span class="float-left d-table"><i class="fas fa-house-damage fa-3x text-primary"></i></span>
                        <div class="pl-3">
                            <h5 class="mb-3">环境友好</h5>
                            <p>Tortor hac sed lobortis elit potenti lacus facilisis. Ac dictumst tristique. Curae; consectetuer facilisis curabitur mauris morbi etiam potenti Amet.</p>
                        </div>
                    </div>
                </div>
                <div class="col mb-4">
                    <div class="datalist-icon-left d-flex">
                        <span class="float-left d-table"><i class="fas fa-house-damage fa-3x text-primary"></i></span>
                        <div class="pl-3">
                            <h5 class="mb-3">动机陈述</h5>
                            <p>Tortor hac sed lobortis elit potenti lacus facilisis. Ac dictumst tristique. Curae; consectetuer facilisis curabitur mauris morbi etiam potenti Amet.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="full-row bg-primary py-5">
        <div class="container">
            <div class="row">
                <div class="col-md-9 wow fadeIn" data-wow-delay="100ms" data-wow-duration="1000ms">
                    <h3 class="text-white mb-2">下载公司宣传册</h3>
                    <p class="text-white">如果您对我们的主题感兴趣，请不要等着购买或致电我们</p>
                </div>
                <div class="col-md-3 wow fadeIn" data-wow-delay="200ms" data-wow-duration="1000ms">
                    <div class="y-center position-relative d-table ml-auto sm-margin-none text-white"><a href="#" class="btn btn-secondary">立即下载</a></div>
                </div>
            </div>
        </div>
    </div>
    <footer th:replace="_layout/footer :: footer"></footer>
    <a href="#" class="bg-primary text-white hover-bg-primary" id="scroll"><i class="fa fa-angle-up"></i></a>
</div>
<div th:replace="_layout/bottom :: bottom"></div>

</body>
</html>

